import React from 'react';
import { connect } from 'react-redux';

class Waimai_Nav extends React.Component{
	render(){
		return(
			<div className="nav">
		        <div className="swiper-container">
		            <div className="swiper-wrapper">
		                <div className="swiper-slide">
		                    <ul className="nav1">
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/meishi.jpeg" alt=""/>
		                                </div>
		                                <span>美食</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/yinping.jpeg" alt=""/>
		                                </div>
		                                <span>甜食饮品</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/chaoshi.jpeg" alt=""/>
		                                </div>
		                                <span>商超便利</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/zaocan.jpeg" alt=""/>
		                                </div>
		                                <span>预定早餐</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/guoshu.jpeg" alt=""/>
		                                </div>
		                                <span>果蔬生鲜</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/xindian.jpeg" alt=""/>
		                                </div>
		                                <span>新店特惠</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/zhunshi.jpeg" alt=""/>
		                                </div>
		                                <span>准时达</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/jiancan.jpeg" alt=""/>
		                                </div>
		                                <span>简餐</span>
		                            </a>
		                        </li>
		                    </ul>
		                </div>
		                <div className="swiper-slide">
		                    <ul className="nav1">
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/bangmai.jpeg" alt=""/>
		                                </div>
		                                <span>帮买帮送</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/dangao.jpeg" alt=""/>
		                                </div>
		                                <span>鲜花蛋糕</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/hanbao.jpeg" alt=""/>
		                                </div>
		                                <span>汉堡薯条</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/zhou.jpeg" alt=""/>
		                                </div>
		                                <span>包子粥店</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/mala.jpeg" alt=""/>
		                                </div>
		                                <span>麻辣烫</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/chuanxiang.jpeg" alt=""/>
		                                </div>
		                                <span>川湘菜</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/pisa.jpeg" alt=""/>
		                                </div>
		                                <span>披萨意面</span>
		                            </a>
		                        </li>
		                        <li>
		                            <a href="">
		                                <div className="container">
		                                    <img src="images/rihan.jpeg" alt=""/>
		                                </div>
		                                <span>日韩料理</span>
		                            </a>
		                        </li>
		                    </ul>
		                </div>
		            </div>
		           {/* <!-- 如果需要分页器 -->*/}
		            <div className="swiper-pagination"></div>
		        </div>
		    </div>

	 	)
	}		
}

export default Waimai_Nav;